<template>
  <view>
    <!-- 轮播图的组件 -->
    <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular>
      <swiper-item>
        <view class="swiper-item">
          <image src="http://r.photo.store.qq.com/psc?/V507Fudi3ynqif227b163CSAaG47kgxx/ruAMsa53pVQWN7FLK88i5kuhDSctmUPWSTZssR1HR7fMFddIVvi0rZ*vnWmuLJZLrC7ggnGHmVcP5kDVDx8bqfv3xGk7MTwsMR*eM9bjl7Q!/r&ek=1&kp=1&pt=0&bo=SQIpAUkCKQEDORw!&tl=1&vuin=2591451512&tm=1661223600&dis_t=1661224639&dis_k=50103e6fd489545c8e47afb2f1c341a4&sce=60-0-0&rf=viewer_4" mode=""></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item">
          <image src="http://m.qpic.cn/psc?/V507Fudi3ynqif227b163CSAaG47kgxx/ruAMsa53pVQWN7FLK88i5kuhDSctmUPWSTZssR1HR7dHoXXwk.VdTDYF.DIchmQfA9YJwjsFgB9MxnRttCWlnxjapUI4ITk5lBORXq1oL2I!/b&bo=*gPJAf4DyQEDORw!&rf=viewer_4" mode=""></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item">
          <image src="http://m.qpic.cn/psc?/V507Fudi3ynqif227b163CSAaG47kgxx/ruAMsa53pVQWN7FLK88i5kuhDSctmUPWSTZssR1HR7deZOhzgxNYoRzHMDjKUKntOAHPrNzyuty1bT7D6aUGG6G0gKuGzVZY*doK4otGVYM!/b&bo=iQImAYkCJgEDKQw!&rf=viewer_4" mode=""></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item">
          <image src="http://m.qpic.cn/psc?/V507Fudi3ynqif227b163CSAaG47kgxx/ruAMsa53pVQWN7FLK88i5kuhDSctmUPWSTZssR1HR7elFDo97IQZJO2JxePo2Ri9PcMc7bEzIP6U4kdroHQzESUXtMr8Qp25In33pH*CcHw!/b&bo=pAPTAaQD0wEDSWw!&rf=viewer_4" mode=""></image>
        </view>
      </swiper-item>
      <swiper-item>
        <view class="swiper-item">
          <image src="http://m.qpic.cn/psc?/V507Fudi3ynqif227b163CSAaG47kgxx/ruAMsa53pVQWN7FLK88i5kadPlwMRk3HTWFqTp9edgW0ooVsBXTIclsWW7PZhAgxOTCf93YPH3SHnQqJK5ei5VRcbuwoFVCcUai.j7L8N7s!/b&bo=nwLzAZ8C8wEDORw!&rf=viewer_4" mode=""></image>
        </view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss" scoped>
swiper{
    height: 330rpx;
    .swiper-item,
    image{
      width: 100%;
      height: 100%;
    }
  }
</style>
